<!doctype html><html lang="zh-cn"
  >
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>markdown使用语法 - 忆尘博客</title><link rel="apple-touch-icon" href="/images/favicons/apple-touch-icon.png" sizes="180x180">
<link rel="icon" href="/images/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
<link rel="icon" href="/images/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
<link rel="manifest" href="/images/favicons/manifest.json">
<link rel="icon" href="/images/favicons/favicon.ico">
<meta name="keywords" content="" />
<meta name="description" content="markdown使用语法." /><meta itemprop="name" content="markdown使用语法">
<meta itemprop="description" content="markdown使用语法."><meta itemprop="datePublished" content="2021-10-02T00:00:00+00:00" />
<meta itemprop="dateModified" content="2021-10-02T00:00:00+00:00" />
<meta itemprop="wordCount" content="844"><meta itemprop="image" content="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/云服务器上搭建solo博客/markdown.png">
<meta itemprop="keywords" content="Markdown,CSS,HTML," /><meta property="og:title" content="markdown使用语法" />
<meta property="og:description" content="markdown使用语法." />
<meta property="og:type" content="article" />
<meta property="og:url" content="/posts/markdown%E4%BD%BF%E7%94%A8%E8%AF%AD%E6%B3%95/" /><meta property="og:image" content="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/云服务器上搭建solo博客/markdown.png" /><meta property="article:section" content="posts" />
<meta property="article:published_time" content="2021-10-02T00:00:00+00:00" />
<meta property="article:modified_time" content="2021-10-02T00:00:00+00:00" /><meta property="og:site_name" content="忆尘博客" />
<meta property="og:see_also" content="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/" />

<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/云服务器上搭建solo博客/markdown.png"/>

<meta name="twitter:title" content="markdown使用语法"/>
<meta name="twitter:description" content="markdown使用语法."/>
<link rel="preload" href="/css/bundle.min.77f6f3d767d52dbf1ba163aad56e1d8cc4231cd4e80f0aa09daa89f8c99688ef.css" integrity="sha256-d/bz12fVLb8boWOq1W4djMQjHNToDwqgnaqJ&#43;MmWiO8=" crossorigin="anonymous" as="style" onload="this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="/css/bundle.min.77f6f3d767d52dbf1ba163aad56e1d8cc4231cd4e80f0aa09daa89f8c99688ef.css" integrity="sha256-d/bz12fVLb8boWOq1W4djMQjHNToDwqgnaqJ&#43;MmWiO8=" crossorigin="anonymous"></noscript></head>
  <body><script src="/js/bootstrap.min.b5d86dd3a5f60c90be38a252bb65fc1a2732f32e71dc12c051720f0c7aef3cde.js" integrity="sha256-tdht06X2DJC&#43;OKJSu2X8Gicy8y5x3BLAUXIPDHrvPN4=" crossorigin="anonymous"></script><header>
  <link rel="stylesheet" href="https://yandex.st/highlightjs/8.0/styles/default.min.css">

  <script src="https://yandex.st/highlightjs/8.0/highlight.min.js"></script>

  <script>hljs.initHighlightingOnLoad();</script><nav class="navbar top-app-bar top-app-bar-expand-lg fixed-top">
  <div class="container">
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <i class="fas fa-bars"></i>
    </button><a class="navbar-brand me-3" href="/"><img class="logo" alt="Logo" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/default/logo.webp" loading="lazy"
  
   />
忆尘
    </a>
    <button class="navbar-social-share" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSocialShare"
  aria-controls="offcanvasSocialShare" aria-label="Toggle social share">
  <i class="fas fa-share-alt"></i>
</button>

<div class="offcanvas offcanvas-bottom surface" tabindex="-1" id="offcanvasSocialShare" aria-labelledby="offcanvasSocialShare">
  <div class="offcanvas-header">
    <h3 class="offcanvas-title">分享</h3>
    <button type="button" class="btn btn-sm btn-outline-primary" data-bs-dismiss="offcanvas" aria-label="Close">
      <i class="fas fa-times"></i>
    </button>
  </div>
  <div class="offcanvas-body">
    <a class="btn btn-sm btn-outline-primary social-share-button" rel="noopener noreferrer" aria-label="Twitter Share Button"
      target="_blank" href="https://connect.qq.com/widget/shareqq/index.html?title=markdown%e4%bd%bf%e7%94%a8%e8%af%ad%e6%b3%95&url=%2fposts%2fmarkdown%25E4%25BD%25BF%25E7%2594%25A8%25E8%25AF%25AD%25E6%25B3%2595%2f">
      <i class="fab fa-fw fa-qq "></i> QQ
    </a>
    <a class="btn btn-sm btn-outline-primary social-share-button" rel="noopener noreferrer" aria-label="Facebook Share Button"
      target="_blank" href="https://service.weibo.com/share/share.php?u=%2fposts%2fmarkdown%25E4%25BD%25BF%25E7%2594%25A8%25E8%25AF%25AD%25E6%25B3%2595%2f">
      <i class="fab fa-fw fa-weibo"></i> 微博
    </a>
  </div>
</div>
    <button class="navbar-settings" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasSettings"
  aria-controls="offcanvasSettings" aria-label="Toggle settings">
  <i class="fas fa-ellipsis-v"></i>
</button>

<div class="offcanvas offcanvas-end surface h-100" tabindex="-1" id="offcanvasSettings" aria-labelledby="offcanvasSettings">
  <div class="offcanvas-header">
    <h3 class="offcanvas-title">设置</h3>
    <button type="button" class="btn btn-sm btn-outline-primary" data-bs-dismiss="offcanvas" aria-label="Close">
      <i class="fas fa-times"></i>
    </button>
  </div>
  <div class="offcanvas-body">

<section class="setting">
  <form class="row">
    <div class="col-auto">
      <label><i class="fas fa-fw fa-adjust"></i> 模式</label>
    </div>
    <div class="col-auto ms-auto">
      <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" id="modeSwitcher">
      </div>
    </div>
  </form>
</section>

<section class="setting">
  <form class="font-size-switcher-form row">
    <div class="col-auto">
      <label for="fontSize" class="form-label"><i class="fas fa-fw fa-font"></i> 字体大小</label>
    </div>
    <div class="col-auto ms-auto">
      <input type="range" class="form-range" min="-2" max="2" id="fontSize">
    </div>
  </form>
</section>



</div>
</div>

    <div class="collapse navbar-collapse" tabindex="-1" id="navbarSupportedContent" aria-labelledby="navbarSupportedContent">
      <form class="search-bar my-1" action="/search">
  <div class="input-group input-group-sm">
    <span class="btn btn-search disabled position-absolute left-0"><i class="fas fa-fw fa-search"></i></span>
    <input class="form-control rounded-pill" name="q" type="search" aria-label="Search">
  </div>
</form>
      <ul class="navbar-nav ms-auto"><li class="nav-item">
          <a class="nav-link" href="/archives/">
            <i class="fas fa-fw fa-file-archive"></i>归档
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/categories/">
            <i class="fas fa-fw fa-folder"></i>分类
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/tags/">
            <i class="fas fa-fw fa-tags"></i>标签
          </a>
        </li><li class="nav-item">
          <a class="nav-link" href="/series/">
            <i class="fas fa-fw fa-columns"></i>专栏
          </a>
        </li></ul>
    </div>
  </div>
</nav>
</header>
language-fallback hljs xml
<main role="main" class="container">
      <div class="row content">
<div class="col-lg-8">
  <div class="container"><nav class="row card component" aria-label="breadcrumb">
  <div class="card-body">
    <ol class="breadcrumb "><li class="breadcrumb-item"><a href="/">主页</a></li><li class="breadcrumb-item"><a href="/posts/">文章</a></li><li class="breadcrumb-item active">Markdown使用语法</li></ol>
  </div>
</nav>    <article class="row card component mb-4 post"><div class="post-panel-wrapper">
  <div class="d-flex flex-column component rounded post-panel">
    
    <a id="sidebarToggler" class="action d-none d-lg-block" role="button">
  <i class="fas fa-fw fa-expand-alt" data-fa-transform="rotate-45"></i>
</a>
  
    

    <a class="action btn-reward" role="button" data-bs-toggle="modal" data-bs-target="#rewardModal" title="打赏">
  <i class="fas fa-fw fa-coffee"></i>
</a>
    <a class="action" data-bs-container="body" data-bs-toggle="popover" data-bs-html="true" data-bs-placement="bottom"
  data-bs-trigger="focus" tabindex="0" role="button" aria-label="Copyright" 
  data-bs-content="&lt;a target=&#34;_blank&#34; rel=&#34;license noopener noreferrer&#34; href=&#34;https://creativecommons.org/licenses/by-nc/4.0/deed.zh&#34;&gt;CC BY-NC 4.0 &lt;i class=&#34;fab fa-fw fa-creative-commons&#34;&gt;&lt;/i&gt;&lt;i class=&#34;fab fa-fw fa-creative-commons-by&#34;&gt;&lt;/i&gt;&lt;i class=&#34;fab fa-fw fa-creative-commons-nc&#34;&gt;&lt;/i&gt;&lt;/a&gt;
">
  <i class="fas fa-fw fa-copyright"></i>
</a>
    <a class="action" data-bs-toggle="offcanvas" href="#offcanvasTOC" aria-controls="offcanvasTOC" role="button">
  <i class="fas fa-fw fa-list-alt"></i>
</a>
    
  </div>
</div>
<div class="card-body">
        <h1 class="card-title my-3">Markdown使用语法
</h1><div class="post-meta"><span class="post-date" title="created on">
    <i class="fas fa-fw fa-calendar-alt"></i>2021-10-02
  </span><span class="post-reading-time" title="reading time">
    <i class="fas fa-fw fa-coffee"></i>2 分钟阅读
  </span><a href="/categories/%E6%95%99%E7%A8%8B/" class="badge rounded-pill text-white bg-primary post-taxonomy">教程</a><a href="/series/manual/" class="badge rounded-pill text-white bg-primary post-taxonomy">Manual</a><a href="/tags/markdown/" class="badge rounded-pill text-white bg-primary post-taxonomy">Markdown</a><a href="/tags/css/" class="badge rounded-pill text-white bg-primary post-taxonomy">CSS</a><a href="/tags/html/" class="badge rounded-pill text-white bg-primary post-taxonomy">HTML</a></div>
<div class="offcanvas offcanvas-end surface h-100" tabindex="-1" id="offcanvasTOC" aria-labelledby="offcanvasTOCLabel">
  <div class="offcanvas-header">
    <h2 class="offcanvas-title" id="offcanvasTOCLabel">目录</h5>
      <button type="button" class="btn btn-sm btn-outline-primary" data-bs-dismiss="offcanvas" aria-label="Close">
        <i class="fas fa-times"></i>
      </button>
  </div>
  <div class="offcanvas-body">
    <nav id="TableOfContents">
  <ul>
    <li>
      <ul>
        <li><a href="#1标题">1、标题</a></li>
        <li><a href="#2字体">2、字体</a></li>
        <li><a href="#3列表">3、列表</a></li>
        <li><a href="#4表格">4、表格</a></li>
        <li><a href="#5引用">5、引用</a></li>
        <li><a href="#6分割线">6、分割线</a></li>
        <li><a href="#7代码">7、代码</a></li>
        <li><a href="#8图片插入">8、图片插入</a></li>
        <li><a href="#9超链接">9、超链接</a></li>
        <li><a href="#10-注释">10 、注释</a></li>
        <li><a href="#11内联公式">11、内联公式</a></li>
        <li><a href="#12目录生成">12、目录生成</a></li>
        <li><a href="#13标记">13、标记</a></li>
      </ul>
    </li>
  </ul>
</nav>
  </div>
</div><div class="post-content mb-3"><p>本文提供了可用于 Hugo 内容文件的基本 Markdown 语法示例，还展示了基本 HTML 元素是否在 Hugo 主题中使用 CSS 装饰</p>
<h3 id="1标题">1、标题</h3>
<p>以下 HTML<code>&lt;h1&gt;</code>—<code>&lt;h6&gt;</code> 元素表示六级节标题。<code>&lt;h1&gt;</code>是最高的部分级别，而 <code>&lt;h6&gt;</code> 是最低的。</p>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：# 一级标题
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="2"><a style="outline: none; text-decoration:none; color:inherit" href="#2">2</a></span>     ## 二级标题
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="3"><a style="outline: none; text-decoration:none; color:inherit" href="#3">3</a></span>     ### 三级标题
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="4"><a style="outline: none; text-decoration:none; color:inherit" href="#4">4</a></span>     #### 四级标题
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="5"><a style="outline: none; text-decoration:none; color:inherit" href="#5">5</a></span>     ##### 五级标题
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="6"><a style="outline: none; text-decoration:none; color:inherit" href="#6">6</a></span>     ###### 六级标题
</code></pre></div><h3 id="2字体">2、字体</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法： *倾斜*
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="2"><a style="outline: none; text-decoration:none; color:inherit" href="#2">2</a></span>      **加粗**
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="3"><a style="outline: none; text-decoration:none; color:inherit" href="#3">3</a></span>      ***倾斜加粗***
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="4"><a style="outline: none; text-decoration:none; color:inherit" href="#4">4</a></span>      ~~删除线~~
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="5"><a style="outline: none; text-decoration:none; color:inherit" href="#5">5</a></span>      ==高亮== 或 &lt;mark&gt;高亮&lt;/mark&gt;
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="6"><a style="outline: none; text-decoration:none; color:inherit" href="#6">6</a></span>      ^上标^ 或 &lt;sup&gt;上标&lt;/sup&gt;
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="7"><a style="outline: none; text-decoration:none; color:inherit" href="#7">7</a></span>      ~下标~ 或 &lt;sub&gt;下标&lt;/sub&gt;
</code></pre></div><p>示例：</p>
<ul>
<li><em>倾斜</em></li>
<li><strong>加粗</strong></li>
<li><em><strong>倾斜加粗</strong></em></li>
<li><del>删除线</del></li>
<li><mark>高亮</mark></li>
<li><sup>上标</sup></li>
<li><sub>下标</sub></li>
</ul>
<h3 id="3列表">3、列表</h3>
<h4 id="无序">无序</h4>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：’+‘+空格+内容
</code></pre></div><p>示例：</p>
<ul>
<li>一级
<ul>
<li>二级
<ul>
<li>三级
<ul>
<li>四级
<ul>
<li>&hellip;..</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<h4 id="有序">有序</h4>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：1+.+内容
</code></pre></div><p>示例：</p>
<ol>
<li>序号1</li>
<li>序号2</li>
<li>&hellip;&hellip;</li>
</ol>
<h4 id="任务列表">任务列表</h4>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：空格+-空格+[空格] 任务名称 或 - [x] 任务名称
</code></pre></div><p>示例：</p>
<ul>
<li><input enabled="" type="checkbox"> 任务名称</li>
</ul>
<h3 id="4表格">4、表格</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-mysql" data-lang="mysql"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span><span style="">语法：</span><span style="color:#bbb">
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="2"><a style="outline: none; text-decoration:none; color:inherit" href="#2">2</a></span><span style="color:#bbb">    </span><span style="color:#666">|</span><span style="">表头</span>A<span style="color:#666">|</span><span style="">表头</span>B<span style="color:#666">|</span><span style="">表头</span>C<span style="color:#666">|</span><span style="">表头</span>D<span style="color:#666">|</span><span style="color:#bbb">
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="3"><a style="outline: none; text-decoration:none; color:inherit" href="#3">3</a></span><span style="color:#bbb">    </span><span style="color:#666">|--|--|--|--|</span><span style="color:#bbb">
</span><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="4"><a style="outline: none; text-decoration:none; color:inherit" href="#4">4</a></span><span style="color:#bbb">    </span><span style="color:#666">|`</span>C<span style="color:#666">`|`</span>Java<span style="color:#666">`|`</span>python<span style="color:#666">`|`</span>Go<span style="color:#666">`|</span><span style="color:#bbb">
</span></code></pre></div><p>示例：</p>
<table>
<thead>
<tr>
<th style="text-align:left">表头A</th>
<th>表头B</th>
<th>表头C</th>
<th>表头D</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left"><code>C</code></td>
<td><code>Java</code></td>
<td><code>Python</code></td>
<td><code>Go</code></td>
</tr>
</tbody>
</table>
<h3 id="5引用">5、引用</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：&gt;+空格+引用内容
</code></pre></div><p>示例：</p>
<ul>
<li>
<blockquote>
<p>引用1</p>
</blockquote>
</li>
<li>
<blockquote>
<blockquote>
<p>引用2</p>
</blockquote>
</blockquote>
</li>
<li>
<blockquote>
<blockquote>
</blockquote>
</blockquote>
</li>
<li>
<blockquote>
<blockquote>
<blockquote>
<p>引用3</p>
</blockquote>
</blockquote>
</blockquote>
</li>
</ul>
<h3 id="6分割线">6、分割线</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：第一种：---  / 第二种：***
</code></pre></div><p>示例：</p>
<ul>
<li>第一种：&mdash;</li>
</ul>
<hr>
<ul>
<li>第二种：***</li>
</ul>
<hr>
<h3 id="7代码">7、代码</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：`代码`
</code></pre></div><p>示例：</p>
<ul>
<li><code>python</code></li>
</ul>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>代码框
</code></pre></div><h3 id="8图片插入">8、图片插入</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：![图片名称](图片路径)
</code></pre></div><p>示例：</p>
<ul>
<li><img class="img-fluid" alt="图片名称" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/postsImages/%e4%ba%91%e6%9c%8d%e5%8a%a1%e5%99%a8%e4%b8%8a%e6%90%ad%e5%bb%basolo%e5%8d%9a%e5%ae%a2/markdown.png" loading="lazy"
  
   />

</li>
</ul>
<h3 id="9超链接">9、超链接</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：[超链接内容](链接地址)
</code></pre></div><p>示例：</p>
<ul>
<li><a href="%e9%93%be%e6%8e%a5%e5%9c%b0%e5%9d%80">超链接内容</a>
</li>
</ul>
<h3 id="10-注释">10 、注释</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：&lt;!--内容--&gt;
</code></pre></div><h3 id="11内联公式">11、内联公式</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：$公式$
</code></pre></div><p>示例：</p>
<ul>
<li>$e^2+2=0$</li>
</ul>
<h3 id="12目录生成">12、目录生成</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：[toc]
</code></pre></div><h3 id="13标记">13、标记</h3>
<div class="highlight"><pre tabindex="0" style=";-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-fallback" data-lang="fallback"><span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="1"><a style="outline: none; text-decoration:none; color:inherit" href="#1">1</a></span>语法：&lt;mark&gt;标记内容&lt;/mark&gt;
<span style="margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f" id="2"><a style="outline: none; text-decoration:none; color:inherit" href="#2">2</a></span>     &lt;kbd&gt;&lt;kbd&gt;键位1&lt;/kbd&gt;+&lt;kbd&gt;键位2&lt;/kbd&gt;+&lt;kbd&gt;键位3&lt;/kbd&gt;&lt;/kbd&gt; 
</code></pre></div><p>示例：</p>
<ul>
<li><mark>标记内容</mark></li>
<li><kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd></li>
</ul>
</div><div class="modal fade" id="rewardModal" tabindex="-1" aria-labelledby="rewardModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content surface">
      <div class="modal-header">
        <h5 class="modal-title" id="rewardModalLabel"><i class="fas fa-fw fa-coffee"></i>打赏</h5>
        <a href="#" data-bs-dismiss="modal" class="btn btn-sm btn-outline-primary" aria-label="Close"><i class="fas fa-times"></i></a>
      </div>
      <div class="modal-body">
        <ul class="nav nav-tabs mb-3" role="tablist"><li class="nav-item text-nowrap" role="presentation">
            <a class="nav-link active" id="reward-alipay-tab" data-bs-toggle="tab" href="#reward-alipay" role="tab" aria-controls="reward-alipay" aria-selected="true">
              <i class="fab fa-fw fa-alipay"></i>支付宝
            </a>
          </li><li class="nav-item text-nowrap" role="presentation">
            <a class="nav-link" id="reward-wechat-tab" data-bs-toggle="tab" href="#reward-wechat" role="tab" aria-controls="reward-wechat" aria-selected="true">
              <i class="fab fa-fw fa-weixin"></i>微信
            </a>
          </li></ul>
        <div class="tab-content" id="rewardTabContent"><div class="tab-pane fade post-reward-content show active" id="reward-alipay" role="tabpanel" aria-labelledby="reward-alipay-tab">
            <img class="img-fluid post-reward-img" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/reward/alipay.jpg" loading="lazy" />
          </div><div class="tab-pane fade post-reward-content show" id="reward-wechat" role="tabpanel" aria-labelledby="reward-wechat-tab">
            <img class="img-fluid post-reward-img" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/reward/wechat.jpg" loading="lazy" />
          </div></div>
      </div>
    </div>
  </div>
</div><hr /><div class="post-navs d-flex mb-3 justify-content-evenly">
  <div class="post-nav post-prev"><i class="fas fa-fw fa-chevron-left"></i>
    <a href="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/">云服务器上搭建solo博客
</a>
  </div></div><section class="related-posts-wrapper">
    <h3>相关文章</h3>
    <ul class="related-posts"><li><a href="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/">云服务器上搭建solo博客
</a></li><li><a href="/contact/">
</a></li></ul>
  </section></div>
    </article><div class="card component row post-comments">
  <div class="card-body">




<head>
        <script src="//cdn.jsdelivr.net/npm/@waline/client/dist/Waline.noStyle.js"></script>
    

    

    
</head>
<body>


<p>阅读量: <span id="/" class="waline-visitor-count"></span></p>
<div id="waline"></div>

























































































































































































































































<script>
    var langMode = {
        "nick": '昵称',
        "nickError": '昵称不能少于3个字符',
        "mail": '邮箱',
        "mailError": '请填写正确的邮件地址',
        "link": '网址(https://)',
        "sofa": '来发评论吧~',
        "submit": '提交',
        "reply": '回复',
        "cancelReply": '取消回复',
        "comment": '评论',
        "more": '加载更多...',
        "preview": '预览',
        "emoji": '表情',
        "uploadImage": '上传图片',
        "seconds": '秒前',
        "minutes": '分钟前',
        "hours": '小时前',
        "days": '天前',
        "now": '刚刚',
        "uploading": '正在上传',
        "login": '登录',
        "logout": '退出',
        "admin": '博主',
        "word": '字',
        "wordHint": '评论字数应在 $0 到 $1 字之间！\n当前字数：$2',
        "comments": "注释",
        "cancel": "取消",
        "confirm": "确认",
        "continue": "继续",
        "expand": "查看更多....",
        "uploadDone": "上传完成！",
        "busy": "提交繁忙，请过一会再试...",
        "code-98": "Waline 初始化失败，请检查您的 av-min.js 版本.",
        "code-99": "Waline初始化失败，请检查init方法中的 'el' 元素.",
        "code-100": "Waline 初始化失败，请检查您的 appId 和 appKey.",
        "code-140": "今天的API调用总数已超过开发版本限制.",
        "code-401": "未经授权的操作，请检查您的appId和appKey.",
        "code-403": "API域白名单拒绝访问，请检查您的安全域."
    };

    
    new Waline({
        el: '#waline',
        path: location.pathname,
        serverURL: 'https://blog-api-chi-sandy.vercel.app/',
        langMode: langMode,
        pageSize: 4,
        avatar: 'wavatar',
        placeholder: 'ヾﾉ≧∀≦)o快来说点什么吧……',
        lang: 'zh-CN',
        
        dark: 'html[data-mode=dark]',
        
        copyright: false,
        requiredFields: ['nick', 'mail', 'link'],
        avatarForce: true,
        visitor: true, 
        
        emoji: [
            'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/bilibili',
            'https://cdn.jsdelivr.net/gh/walinejs/emojis@1.0.0/qq',
            'https://cdn.jsdelivr.net/gh/valinejs/emojis@1.0.0/weibo',
            'https://cdn.jsdelivr.net/gh/valinejs/emojis@1.0.0/bilibili',
        ],
    });
</script>
</body>
</div>
</div></div>
</div><aside class="col-lg-4 sidebar d-flex">
  <div class="container">
    
    <section class="card row text-center profile component">
  <div class="card-body">
    <div class="col-12 d-flex align-items-center justify-content-center"><img class="profile-avatar rounded-circle" alt="Yi Chen" src="https://yichenblog-picture.oss-cn-hongkong.aliyuncs.com/avatar/profile.jpeg" loading="lazy"
  
   />
</div>
    <div class="col-12 profile-meta"><div class="profile-name">Yi Chen</div><div class="profile-bio">好记性不如烂笔头.</div><div class="profile-company"><i class="fas fa-fw fa-building"></i>无</div><div class="profile-location"><i class="fas fa-fw fa-map-marker-alt"></i>福州</div>


</div>
  </div>
</section>
  <section class="featured-posts row card component">
    <div class="card-body">
      <h2 class="card-title">精选文章</h2>
      <ul><li><a href="/posts/markdown%E4%BD%BF%E7%94%A8%E8%AF%AD%E6%B3%95/">Markdown使用语法
</a></li><li><a href="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/">云服务器上搭建solo博客
</a></li></ul>
    </div>
  </section><section class="recent-posts row card component">
  <div class="card-body">
    <h2 class="card-title">最近文章</h2>
    <ul><li><a href="/posts/markdown%E4%BD%BF%E7%94%A8%E8%AF%AD%E6%B3%95/">Markdown使用语法
</a></li><li><a href="/posts/%E9%98%BF%E9%87%8C%E4%BA%91ecs%E6%9C%8D%E5%8A%A1%E5%99%A8%E6%90%AD%E5%BB%BAsolo%E5%8D%9A%E5%AE%A2%E7%B3%BB%E7%BB%9F/">云服务器上搭建solo博客
</a></li></ul>
  </div>
</section><section class="taxonomies row card component">
      <div class="card-body">
        <h2 class="card-title">
          <a href="/categories">分类</a>
        </h2>
        <div><a href="/categories/%E5%8E%86%E5%8F%B2/" class="badge bg-primary text-white rounded post-taxonomy" title="历史">
            历史
          </a><a href="/categories/%E6%95%99%E7%A8%8B/" class="badge bg-primary text-white rounded post-taxonomy" title="教程">
            教程
          </a><a href="/categories/%E7%A7%91%E6%8A%80/" class="badge bg-primary text-white rounded post-taxonomy" title="科技">
            科技
          </a></div>
      </div>
    </section><section class="taxonomies row card component">
      <div class="card-body">
        <h2 class="card-title">
          <a href="/series">专栏</a>
        </h2>
        <div><a href="/series/manual/" class="badge bg-primary text-white rounded post-taxonomy" title="Manual">
            Manual
          </a></div>
      </div>
    </section><section class="taxonomies row card component">
      <div class="card-body">
        <h2 class="card-title">
          <a href="/tags">标签</a>
        </h2>
        <div><a href="/tags/css/" class="badge bg-primary text-white rounded post-taxonomy" title="CSS">
            CSS
          </a><a href="/tags/html/" class="badge bg-primary text-white rounded post-taxonomy" title="HTML">
            HTML
          </a><a href="/tags/markdown/" class="badge bg-primary text-white rounded post-taxonomy" title="Markdown">
            Markdown
          </a><a href="/tags/solo/" class="badge bg-primary text-white rounded post-taxonomy" title="solo">
            solo
          </a><a href="/tags/%E5%8D%9A%E5%AE%A2/" class="badge bg-primary text-white rounded post-taxonomy" title="博客">
            博客
          </a><a href="/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/" class="badge bg-primary text-white rounded post-taxonomy" title="服务器">
            服务器
          </a></div>
      </div>
    </section>
    
  </div>
</aside>
</div>
    </main><footer class="footer mt-auto py-3 text-center container"><nav class="social-links nav my-2 justify-content-center"><a class="nav-link social-link" href="mailto:user@domain.tld" title="Email">
      <i class="fas fa-fw fa-2x fa-envelope"></i>
    </a><a class="nav-link social-link" target="_blank" href="https://github.com/yourgithubusername" title="GitHub" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-github"></i>
      </a><a class="nav-link social-link" target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=yourqqnumber&amp;site=qq&amp;menu=yes" title="QQ" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-qq"></i>
      </a><a class="nav-link social-link" target="_blank" href="https://weibo.com/yourweibousername" title="Weibo" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-weibo"></i>
      </a><a class="nav-link social-link" target="_blank" href="https://www.zhihu.com/people/yourzhihuusername" title="Zhihu" rel="noopener noreferrer">
        <i class="fa-fw fa-2x fab fa-zhihu"></i>
      </a>
</nav>
<div class="copyright mb-2">
  忆尘博客 © 2021-2021 Yi Chen. 版权所有.
</div>
</footer>
<script src="/js/bundle.min.aaf9de812178b4f40dc4286cb6fb98836c4179db053447486c7118ca8030fc67.js" integrity="sha256-qvnegSF4tPQNxChstvuYg2xBedsFNEdIbHEYyoAw/Gc=" crossorigin="anonymous" defer></script><script defer src="/js/viewer.min.9f39f897757e616b3f6faf1d7955ea42a180a4e71d898e80f1c13d45e59b9abb.js" integrity="sha256-nzn4l3V&#43;YWs/b68deVXqQqGApOcdiY6A8cE9ReWbmrs=" crossorigin="anonymous"></script><script defer src="/js/katex.min.9ff0aa3994263922ea3921ebb0b7f1d78f598fcfd5e18cf24209b21f92866bf6.js" integrity="sha256-n/CqOZQmOSLqOSHrsLfx149Zj8/V4YzyQgmyH5KGa/Y=" crossorigin="anonymous"></script><script defer src="/js/mermaid.min.c088c5b7c67c68fcb93f6c09f3a20e733e0ec93efd47cd58530f5d912af24afc.js" integrity="sha256-wIjFt8Z8aPy5P2wJ86IOcz4OyT79R81YUw9dkSrySvw=" crossorigin="anonymous"></script>













































































































</body>
</html>
